<template>
  <div class="mg-t-20">
    <div class="demo-inner-divider">拖拽上传1</div>
    <demo-drag1 class="demo-upload" />
  </div>
  <div class="mg-t-20">
    <div class="demo-inner-divider">拖拽上传2</div>
    <demo-drag2 class="demo-upload" />
  </div>
  <div class="mg-t-20">
    <div class="demo-inner-divider">拖拽上传3</div>
    <demo-drag3 />
  </div>
  <div class="mg-t-20">
    <div class="demo-inner-divider">手动上传</div>
    <demo-manual class="demo-upload" />
  </div>
  <div class="mg-t-20">
    <div class="demo-inner-divider">图片上传</div>
    <demo-picture class="demo-upload" />
  </div>
  <upload-md class="markdown-body mg-t-20" />
</template>
<script>
import DemoDrag1 from './drag1'
import DemoDrag2 from './drag2'
import DemoDrag3 from './drag3'
import DemoManual from './manual'
import DemoPicture from './picture'
import uploadMd from '../../../docs/upload.md';


export default {
  components: {
    DemoDrag1,
    DemoDrag2,
    DemoDrag3,
    DemoManual,
    DemoPicture,
    uploadMd
  }
}
</script>
<style scoped>
  .mg-t-20 {
    margin-top: 20px;
  }
  .demo-upload {
    width: 400px;
  }
</style>
